<template>
  <h2>我是About的内容</h2>
</template>

<script>
    export default {
        name:'About',

        // 通过路由规则，进入该组件时被调用
        beforeRouteEnter (to,from,next){
          console.log('即将进入About组件');
          if (to.meta.isAuth) { // 判断是否需要鉴权
            if (localStorage.getItem('school')==='atguigu') {
                next() //放行
            }else{
                alert('学校名不对，无权限查看！')
            }
          }else{
              next() //放行
          }
        },

        // 通过路由规则，离开该组件时被调用
        beforeRouteLeave (to,from,next){
          console.log('即将离开About组件');
          next()
        },

        /* beforeDestroy(){
          console.log('About组件即将被销毁了');
        },
        mounted(){
          console.log('About组件挂载完毕');
        } */
    }
</script>